<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>京东首页</title>
	<link rel="stylesheet" href="css/swiper.3.2.0.min.css">
	<script src="js/jquery-1.10.1.min.js"></script>
	<script src="js/jd.js"></script>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/jd.css">
</head>
<style type="text/css">
	.swiper-slide{
		width: 100%;
	}
	.swiper-slide img{
		width: 100%;
	}
	
</style>
<body>
	<div class="hdS col-xs-12">
		<div class="back" id="back"></div>
		<div class="logo col-xs-2"></div>
		<div class="sh col-xs-10">
			<input type="text" class="inp">
			<span>登录</span>
		</div>
	</div> 
	<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href=""><img src="img/1.jpg" alt=""></a></div>
      <!--   <div class="swiper-slide"><a href=""><img src="img/2.jpg" alt=""></a></div>
        <div class="swiper-slide"><a href=""><img src="img/3.jpg" alt=""></a></div> -->
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<div class="fenlei col-xs-12">
	<ul>
		<li class="col-xs-3"><a href="">
			<img src="img/1.png" alt="">
			<span>分类查询</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/2.png" alt="">
			<span>物流查询</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/3.png" alt="">
			<span>购物车</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/4.png" alt="">
			<span>我的京东</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/1.png" alt="">
			<span>分类查询</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/2.png" alt="">
			<span>物流查询</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/3.png" alt="">
			<span>购物车</span>
		</a></li>
		<li class="col-xs-3"><a href="">
			<img src="img/4.png" alt="">
			<span>我的京东</span>
		</a></li>
	</ul>
</div>
<div class="body col-xs-12">
	<div class="one box">
		<div class="title">
			<p><span></span>360安全路由mini抢购</p>
		</div>
		<div class="aImg w100">
			<a href="">
				<img class="w100" src="img/4.jpg" alt="">
			</a>
		</div>
	</div>
	<div class="two box">
		<div class="title">
			<p><span></span>超值购</p>
		</div>
		<div class="tBody">
			<div class="tLeft w50">
				<a href=""><img class="w100" src="img/5.jpg" alt=""></a>
			</div>
			<div class="tRight w50">
				<div class="trTop">
					<a href=""><img class="w100" src="img/6.jpg" alt=""></a>
				</div>
				<div class="trBottom">
					<a href=""><img class="w100" src="img/7.jpg" alt=""></a>
				</div>
			</div>
		</div>
	</div>
	<div class="four box">
		<div class="title">
				<p><span></span>主题馆</p>
			</div>
			<ul class="w100">
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/8.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/9.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/8.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/9.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/8.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/9.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/8.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/9.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/8.jpg" alt=""></a>
				</li>
				<li class="col-xs-6">
					<a href=""><img class="w100" src="img/9.jpg" alt=""></a>
				</li>
			</ul>
	</div>
	<div class="list box">
		<div class="title">
			<p><span></span>猜你喜欢 <a href="">登陆后更懂你</a></p>
		</div>
		<ul class="w100">
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/10.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/11.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/12.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/13.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/10.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			<li class="col-xs-6">
				<a href="">
					<img class="w100" src="img/10.jpg" alt="">
					<span>南极人袜子5双装男短袜防脱防臭运动船袜男袜子男士纯棉男四季隐形袜 竹纤维纯色款 礼盒装船袜5双装</span>
				</a>
				<div class="lBottom">
					<span class="jg">￥188.00</span>
					<span class="btn">看相似</span>
				</div>
			</li>
			
		</ul>
	</div>
</div>
<div class="bottom w100">
	<div class="bTop w100">
	<div class="tbor"></div>
		<ul>
			<li><a class="Rbor" href="">登录</a></li>
			<li><a class="Rbor" href="">注册</a></li>
			<li><a class="Rbor" href="">反馈</a></li>
			<li><a  href="">回到顶部</a></li>
		</ul>
	<div class="Bbor"></div>
	</div>
	<div class="bCenter">
		<ul>
			<li class="col-xs-4">
			<a href=""><span></span>客户端</a></li>
			<li class="col-xs-4">
			<a href="" class="col"><span></span>触屏版</a></li>
			<li class="col-xs-4">
			<a href="">
			<span></span>
			电脑版</a></li>
		</ul>
		<div class="Bbor"></div>
	</div>
	<div class="bBottom">
		<p>Copyright © 2012-2015 京东JD.com 版权所有</p>
	</div>
</div>

	<script src="js/swiper.3.2.0.min.js"></script>
	<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    loop: true,
    autoplay : 1000,
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
  })        
  </script>
</body>
</html>